<template>
  <m-page>
    <!-- 借款详情页 -->
    <m-header title="借款详情">
      <div class="borrowed_details">
        <div class="g-list">
          <div class="u-hint">该拮据还未放款，暂未生成还款计划。</div>
          <div class="g-money">
            <p>借款金额(元)</p>
            <p class="u-money">15,000.000</p>
            <div class="u-btn">待放款</div>
          </div>
          <div class="g-record">
            <div class="g-left">
              <p class="u-borrow">剩余应还(元)</p>
              <p>15,000.000</p>
            </div>
            <div class="g-right">
              <p class="u-borrow">已还金额(元)</p>
              <p>15,000.000</p>
            </div>
          </div>
        </div>
        <div class="g-top">
          <div class="g-list1">
            <p>借款人</p>
            <span>张虎</span>
          </div>
          <div class="g-list1">
            <p>身份证号码</p>
            <span>张虎</span>
          </div>
        </div>
        <div class="g-center">
          <div class="g-list2">
            <p>借款编号</p>
            <span>9926323</span>
            <ynet-icon name="arrow-right"></ynet-icon>
          </div>
          <div class="g-list2">
            <p>查看贷款证书</p>
            <ynet-icon name="arrow-right"></ynet-icon>
          </div>
          <div class="g-list1">
            <p>年利率</p>
            <span>4.001%</span>
          </div>
          <div class="g-list1">
            <p>借款期限</p>
            <span>36个月</span>
          </div>
          <div class="g-list1">
            <p>起止时间</p>
            <span>2017/10/10-2020/10/10</span>
          </div>
        </div>
        <div class="g-bottom">
          <div class="g-list1">
            <p>还款账户</p>
            <span>6294623861391</span>
            <ynet-button type="warning plain">更换</ynet-button>
          </div>
          <div class="g-list1">
            <p>还款方式</p>
            <span>按月付息，到期还本</span>
            <ynet-icon name="question"></ynet-icon>
          </div>
          <div class="g-list1">
            <p>还款日期</p>
            <span>每月21号</span>
          </div>
          <div class="g-list1">
            <p>还款计划</p>
          </div>
        </div>
      </div>
    </m-header>
  </m-page>
</template>

<script>
import ynetIcon from "@components/icon/index";
import ynetButton from "@components/button/index";
export default {
  components: {
    ynetIcon,
    ynetButton
  },
  data() {
    return {};
  },
  created() {},
  mounted() {},
  watch: {},
  computed: {}
};
</script>

<style lang="scss" scoped>
@import "./index.scss";
</style>

